#{extends 'main.html' /}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<!-- Common Kendo UI Web CSS -->
<link href="@{'/public/styles/kendo.common.min.css'}" rel="stylesheet" />
<!-- Default Kendo UI Web theme CSS -->
<link href="@{'/public/styles/kendo.default.min.css'}" rel="stylesheet" />
<!-- jQuery JavaScript -->
<script src="@{'/public/js/jquery.min.js'}"></script>
<!-- Kendo UI Web combined JavaScript -->
<script src="@{'/public/js/kendo.web.min.js'}"></script>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Show Date</title>
</head>
<body>



	<table align="center" class="hovertable">
		<tr>
			<th><h1>Area : ${area}</h1></th>
		</tr>
		<tr>
			<th><h1>Date : ${date}</h1></th>
		</tr>
	</table>
	<table id="grid" align="center" class="hovertable">
	
		<tr>
			<th>Name 1</th>
			<th>Name 2</th>
			<th>Address</th>
			<th>Mobile</th>
			<th>Phone</th>
			<th>Contract ID</th>
			<th>Contract Year</th>
			<th>Products</th>

			<th>Floor</th>
			<th>Quantity</th>
			<th>Price</th>
			<th>Smell</th>

		</tr>
		#{list items:returnContracts, as:'Contract'}
		

		<tr onmouseover="this.style.backgroundColor='#ffff66';"
			onmouseout="this.style.backgroundColor='#d4e3e5';">
			<td>${Contract.name1}</td>
			<td>${Contract.name2}</td>
			<td>${Contract.address}</td>
			<td>${Contract.mobile1} <br> ${Contract.mobile2}</td>
			<td>${Contract.phone1} <br> ${Contract.phone2}</td>
			<td>${Contract.contract_id}</td>
			<td>${Contract.year}</td>
			<td>${Contract.productList.name}</td>

			<td>

				<ul>
					#{list items:Contract.productList, as:'Product'}

					<li>${Product.floor_type}</li> #{/list}

				</ul>
			</td>

			<td><ul>
					#{list items:Contract.productList, as:'Product'}

					<li>${Product.quantity}</li> #{/list}

				</ul>
			</td>
			<td><ul>
					#{list items:Contract.productList, as:'Product'}
					<li>${Product.price}</li> #{/list}

				</ul>
			</td>
			<td><ul>
					#{list items:Contract.productList, as:'Product'}
					<li>${Product.smell}</li> #{/list}

				</ul>
			</td>

		</tr>
		#{/list}
	</table><div id="grid"></div><div id="grid"></div>


<script type="text/javascript">

</script>



</body>
</html>